/* 
    project-prefix
*/
/* 
  ------float------
*/
/* 
  ------
*/
.test-fl {
  float: left;
}

.test-fr {
  float: right;
}

.test-clearfix {
  display: inline-block;
}

.test-clearfix:after {
  content: "";
  display: block;
  clear: both;
  width: 0;
  height: 0;
  visibility: hidden;
}

*html .test-clearfix {
  height: 1px;
}
